<template>
    <div id="Download">
        <div v-for="(file, index) in download" :key="index">
            <h2>{{file.name}}</h2>
            <div class="downloadContent">
                <a  v-for="(item, index) in file.File"  :href="item.own ? item.url : `https://www.swellpro.cn/api/download/${item.url}`" :key="index">
                    <div class="down_item">
                        <div  :class="['iconfont', item.iconName]"></div>
                        <p>{{item.name}}</p>
                        <p>{{item.time}}</p>
                    </div>
                </a>
            </div>
        </div>
    </div>
</template>

<script>
export default {
  data () {
    return {
        download: [
            {
                name: '水手3+防水无人机',
                File:[
                    {
                        url: 'https://cdn.swellpro.com/cn/水手3+平衡充电器使用说明书V2.1_CN.pdf',
                        iconName: 'icon-biaoguigeshuomingshu',
                        name: '水手3+平衡充电器使用说明书',
                        time: '2019-05-22',
                        own: true
                    },
                    {
                        url: 'https://cdn.swellpro.com/%E6%B0%B4%E6%89%8B3+%E8%AF%B4%E6%98%8E%E4%B9%A6%E5%B8%A6%E9%98%B2%E6%B0%B4%E5%BC%80%E5%85%B3V1.50_CN.pdf',
                        iconName: 'icon-biaoguigeshuomingshu',
                        name: '水手3+使用说明书',
                        time: '2019-07-24',
                        own: true
                    },
                    // {
                    //     url: 'SwellCam.apk',
                    //     iconName: 'icon-android',
                    //     name: 'SwellCam.apk',
                    //     time: '2018-07-02'
                    // },
                    // {
                    //     url: 'SwellproFly.apk',
                    //     iconName: 'icon-android',
                    //     name: 'SwellproFly.apk',
                    //     time: '2018-07-02'
                    // },
                    // {
                    //     url: 'https://itunes.apple.com/us/app/swellcam/id1233949910?mt=8',
                    //     iconName: 'icon-IOS',
                    //     name: 'SwellCam.apk',
                    //     time: '2018-07-02',
                    //     own: true
                    // },
                    // {
                    //     url: 'https://itunes.apple.com/us/app/swellpro-fly/id1205105746?mt=8',
                    //     iconName: 'icon-IOS',
                    //     name: 'SwellproFly.apk',
                    //     time: '2018-07-02',
                    //     own: true
                    // },
                    // {
                    //     url: 'http://cdn.swellpro.cn/AssistantSetup_swellPro_0828.msi',
                    //     iconName: 'icon-weiruan',
                    //     name: '中文调参软件',
                    //     time: '2019-03-08',
                    //     own: true
                    // },
                    // {
                    //     url: 'http://cdn.swellpro.cn/spry.pdf',
                    //     iconName: 'icon-biaoguigeshuomingshu',
                    //     name: ' 雨燕便携防水无人机使用说明书2.93',
                    //     time: '2019-03-08',
                    //     own: true
                    // },
                ]
            }, 
            {
                name: '水手3+配件系列',
                File: [
                    {
                        url: 'https://cdn.swellpro.com/cn/三轴防水云台4K相机使用说明书 V1.1.pdf',
                        iconName: 'icon-biaoguigeshuomingshu',
                        name: '三轴防水云台4K相机使用说明书',
                        time: '2019-05-22',
                        own: true
                    },
                    {
                        url: 'https://cdn.swellpro.com/cn/PL3 使用说明书V1.0_CN.pdf',
                        iconName: 'icon-biaoguigeshuomingshu',
                        name: 'PL3 使用说明书',
                        time: '2019-05-22',
                        own: true
                    },
                    {
                        url: 'https://cdn.swellpro.com/cn/PL3云台校准使用说明书.pdf',
                        iconName: 'icon-biaoguigeshuomingshu',
                        name: 'PL3云台校准使用说明书',
                        time: '2019-05-22',
                        own: true
                    },
                    {
                        url: 'https://cdn.swellpro.com/cn/PL4使用说明书 V1.0_CN.pdf',
                        iconName: 'icon-biaoguigeshuomingshu',
                        name: 'PL4使用说明书',
                        time: '2019-05-22',
                        own: true
                    },
                    {
                        url: 'https://cdn.swellpro.com/cn/S3 FPV视频眼镜使用说明书 V1.0.pdf',
                        iconName: 'icon-biaoguigeshuomingshu',
                        name: 'S3 FPV视频眼镜使用说明书',
                        time: '2019-05-22',
                        own: true
                    },
                ]
            },
            {
                name: '雨燕便携防水无人机',
                File: [
                    {
                        url: 'https://cdn.swellpro.com/cn/222.pdf',
                        iconName: 'icon-biaoguigeshuomingshu',
                        name: '雨燕便携防水无人机使用说明书',
                        time: '2019-05-27',
                        own: true
                    },
                    {
                        url: 'https://cdn.swellpro.com/cn/雨燕（spry）固件更新说明书2.6.pdf',
                        iconName: 'icon-biaoguigeshuomingshu',
                        name: '雨燕（spry）固件更新说明书',
                        time: '2019-05-22',
                        own: true
                    },
                    {
                        url: 'https://cdn.swellpro.com/cn/雨燕Acro固件使用须知1.5.pdf',
                        iconName: 'icon-biaoguigeshuomingshu',
                        name: '雨燕Acro固件使用须知1.5',
                        time: '2019-05-22',
                        own: true
                    },
                    {
                        url: 'https://cdn.swellpro.com/cn/swellcam2-releaseV1.3.apk',
                        iconName: 'icon-android',
                        name: 'swellcam2-releaseV1.3.apk',
                        time: '2019-05-22',
                        own: true
                    },
                    {
                        url: 'http://cdn.swellpro.cn/cn/FM_FC_FF1_190521CN.zip',
                        iconName: 'icon-weiruan',
                        name: 'FM_FC_FF1_190521CN',
                        time: '2019-05-22',
                        own: true
                    },
                    {
                        url: 'http://cdn.swellpro.cn/cn/FW_FC_FF1_ACRO_20190521CN.zip',
                        iconName: 'icon-weiruan',
                        name: 'FW_FC_FF1_ACRO_20190521CN',
                        time: '2019-05-22',
                        own: true
                    },
                    {
                        url: 'http://cdn.swellpro.cn/cn/Swellpro FirmwareTool.zip',
                        iconName: 'icon-weiruan',
                        name: 'Swellpro FirmwareTool',
                        time: '2019-05-22',
                        own: true
                    },
                    {
                        url: 'https://cdn.swellpro.com/cn/swellpro%20Spry.apk',
                        iconName: 'icon-android',
                        name: 'swellpro Spry.apk',
                        time: '2019-05-22',
                        own: true
                    },
                ]
            }
        ]
    };
  },

  head() {
    return {
        title: '下载 - 斯威普',
        meta: [
               { hid: 'description', name: 'description', content: '斯威普资料下载'},
               { hid: 'keywords', name: 'keywords', content: '下载，说明书'}
        ]
    }
  },

  components: {},

  computed: {},

  mounted() {},

  methods: {}
}

</script>
<style lang='stylus' scoped>
#Download
    width 1200px
    box-sizing border-box
    padding 0 15px
    margin 0 auto
    padding-bottom 40px
    h2
        font-weight 300
        border-bottom 1px solid rgb(0,0,0)
        font-size 25px
        padding-bottom 20px
        margin-top 40px
    .downloadContent
        display flex
        flex-flow row wrap
        a
            color #000
            text-decoration none
            flex 0 0 33%
            display block
            font-weight 300
            text-align center
            transition all .3s
            padding-top 20px
            p
                padding-bottom 10px
            .iconfont
                margin-bottom 10px
                font-size 84px
            .icon-biaoguigeshuomingshu
                color rgb(230,152,55)
            .icon-android
                color rgb(159,191,83)
            .icon-weiruan
                color #1296db
            &:hover
                color #f26444
</style>